<div id="area_data">
	<div class="row">
	    <div class="box">
	    	<div class="col-md-10 col-md-offset-1 list-error" id="list-error" style="display: none"></div>
	    	<div class="clr">
	    		<h5 class="event-finish-txt" style="">POST AN EVENT/EXHIBITION/PUBLICATION ANNOUNCEMENT</h5>
	    	</div>
            <br>
            <br>
	    	<div class="clr">
	    		<h5 class="event-finish-txt" style="">YOU ANNOUNCEMENT IS ALMOST READY TO PUBLIC,<br>PLEASE CHOOSE ONE OF THE FOLLOWING OPTION TO CONTINUE</h5>
	    	</div>
            <br>
	    	<div class="clr">
	    		<h5 class="donate-finish-txt" style="">
                    <table>
                        <tr>
                            <td width="208px">
                                <button class="btn btn-default bg-blue submit" value="1">DONATE</button>
                                <button class="btn btn-default bg-blue" style="margin-left: 5px;background: none;color: #000000" >$1.00</button>
                            <td>
                                I WANT MY ANNOUNCEMENT TO APPEAR ON ARTSERV BLOG!
                                <br>
                                MY ANNOUNCEMENT WILL APPEAR WITHIN 24HRS
                            </td>
                        </tr>
                    </table>
	    		</h5>
	    	</div>
            <br>
	    	<div class="clr">
	    		<h5 class="donate-finish-txt" style="">
                    <table>
                        <tr>
                            <td width="208px">
                                <button class="btn btn-default bg-blue submit" value="20">DONATE</button>
                                <button class="btn btn-default bg-blue" style="margin-left: 5px;background: none;color: #000000" >$20.00</button>
                            <td><td>
                                I WANT MY ANNOUNCEMENT TO APPEAR ON ARTSERV BLOG!
                                <br>
                                I ALSO WANT THE ARTSERV TO SEND MY ANNOUNCEMENT TO <b>
                                    ALL ARTSERV MEMBERS IN MY REGION!
                                </b>
                            </td>
                        </tr>
                    </table>
	    		</h5>
	    	</div>
            <br>
	    	<div class="clr">
	    		<h5 class="donate-finish-txt" style="">
                    <table>
                        <tr>
                            <td width="208px">
                                <button class="btn btn-default bg-blue submit" value="30">DONATE</button>
                                <button class="btn btn-default bg-blue" style="margin-left: 5px;background: none;color: #000000" >$30
                                    .00</button>
                            <td>
                            <td>
                                I WANT MY ANNOUNCEMENT TO APPEAR ON ARTSERV BLOG!
                                <br>
                                I ALSO WANT THE ARTSERV TO SEND MY ANNOUNCEMENT TO <b>
                                    EVERY ARTSERV MEMBERS!
                                </b>
                            </td>
                        </tr>
                    </table>
	    		</h5>
	    	</div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-9" style="text-align: right">
                    <button id="submit" class="btn btn-default bg-blue">FINISH</button>
                </div>
            </div>

		</div>
	</div>
</div>

<script>
$(function(){
	var cur_height = $('#area_data').outerHeight();
	$(".fancybox-inner").height(cur_height + 50);

    $("#submit").click(function(){
        $.get("/index/event-finish", function(data){
            $(".fancybox-inner").html(data);
        })
    })
    $(".submit").click(function(){
        var value = $(this).attr('value');
        window.location.href=('/index/checkout/value/'+ value);
    })
})
</script>